<template>
<div>
  <el-container>
    <!--侧边栏-->
    <el-aside class="aside">
      <div class="logo">
        慧医数字医疗应用系统
      </div>
      <el-menu router :default-openeds="['2']" style="border: none;" default-active="$route.path" background-color="#2abeb2" text-color="#0b0c0c" active-text-color="#5498d0">
        <el-menu-item index="/index/text">
            <i class="el-icon-house" style="color: #0b0c0c" ></i><span>首页</span>
        </el-menu-item>

        <el-submenu index="2">
          <template slot="title">
            <i class="el-icon-menu" style="color: #0b0c0c"></i><span>信息管理</span>
          </template>
          <el-menu-item index="/index/Ech">柱状图管理</el-menu-item>
          <el-menu-item index="/index/Pie">饼状图管理</el-menu-item>
          <el-menu-item index="/index/user">用户信息管理</el-menu-item>
          <el-menu-item index="/index/drugcompany">医药公司管理</el-menu-item>
          <el-menu-item index="/index/salelocation">销售地点管理</el-menu-item>
          <el-menu-item index="/index/city">城市信息管理</el-menu-item>
          <el-menu-item index="/index/drug">药品信息管理</el-menu-item>
          <el-menu-item index="/index/policy">医保政策管理</el-menu-item>
          <el-menu-item index="/index/drugcompanypolicy">医药公司政策管理</el-menu-item>
          <el-menu-item index="/index/doctor">医师信息管理</el-menu-item>
          <el-menu-item index="/index/material">必备材料管理</el-menu-item>
          <el-menu-item index="/index/map">地图</el-menu-item>
        </el-submenu>

      </el-menu>
    </el-aside>
    <el-container>
      <!--头部栏 -->
      <el-header class="header">
        <el-dropdown> <i class="el-icon-setting" style="margin-right: 20px; margin-top: 20px"></i>
          <el-dropdown-menu  slot="dropdown" style="margin-right: 5px;font-size: large" >
            <el-dropdown-item @click.native="$router.push('/login')">退出登录</el-dropdown-item>
          </el-dropdown-menu>
        </el-dropdown>
        <span>
          <font>当前用户:  {{username}}</font>
        </span>
      </el-header>

      <!--页面主题 -->
      <el-main class="main">
        <router-view></router-view>
      </el-main>
    </el-container>
  </el-container>
</div>
</template>


<script>
import router from "@/router";

export default {
  data(){
    return{username:window.localStorage.name};
  },
  comments:{},
  created() {
  },
  mounted() {
  },
  methods(){

  },
};


</script>
<style  scoped>

.aside{
  width: 200px;
  min-height: 100vh;
  background-color: #2abeb2;
  box-shadow: 2px 0 6px rgba(0,21,41,.35);
}

.header{
  box-shadow: 2px 0 6px rgba(0,21,41,.35);
  text-align: right;
  font-size: 12px;
}

.main{
  color: #333;
  text-align: center;
  line-height: 160px;
}

.logo{
  height: 60px;
  line-height: 60px;
  display: flex;
  align-items: center;
  color: #0b0c0c;
  justify-content: center;
}



</style>
